﻿#header{position:relative;width:1024px;height:298px}
/*TODO ADD Other Style*/
#header{background:url(/static/images/home-bg.jpg) no-repeat}
.login #header{background:url(/static/images/news-bg.jpg) no-repeat}
.education #header{background:url(/static/images/education-bg.jpg) no-repeat}
.science #header{background:url(/static/images/science-bg.jpg) no-repeat}
.about #header{background:url(/static/images/about-bg.jpg) no-repeat}
.student #header{background:url(/static/images/student-bg.jpg) no-repeat}
.recruit #header{background:url(/static/images/recruit-bg.jpg) no-repeat}

#header a:hover{text-decoration:none}
#header a:link, #header a:visited, #header a:hover, #header a:active{color:#fff}
#header .bottom-bar{position:absolute;bottom:0;right:0;color:#fff;font-weight:bold;width:450px;padding:6px 10px}
/*TODO ADD Other Style*/
.bottom-bar{background:#40a3a9}
.home .bottom-bar{display:none}
.login .bottom-bar{background:#40a3a9}
.about .bottom-bar{background:#4faac5}
.education .bottom-bar{background:#9e5dbb}
.science .bottom-bar{background:#8f602a}
.student .bottom-bar{background:#e9c20d}
.recruit .bottom-bar{background:#99bc06}

.split-line{background:url(/static/images/split_line.png) no-repeat;height:2px;width: 1023px;margin-top:10px}
/*logo*/
#logo{position:absolute;background:url(/static/images/bar_bg.png) no-repeat top left;width:154px;height:60px;display:block}
#logo img{position:absolute;left:15px;top:5px}
#logo div{position:absolute;left:70px;top:14px}
/*menu*/
#dymenu{position:absolute;left:154px;top:0;width:410px}
#dymenu .root{zoom:1;background-color:#3e919e}
#dymenu .root:after{content:".";display:block;height:0;clear:both;visibility:hidden}
#dymenu .root li{position:relative;float:left}
#dymenu .root a{color:#FFF;text-decoration:none}
#dymenu .root table{border-collapse:collapse;border-spacing:0}
#dymenu .root h3{margin:0;padding:0 8px;color:#FFF;font-size:12px;line-height:60px;font-weight:bold}
#dymenu .root h3 a{display:block;height:60px}
#dymenu .root ul{display:none}
/*TODO ADD Other Style*/
#dymenu .root ul a:hover{background:#3e919e}
.education #dymenu .root ul a:hover{background:#6d3889}
.science #dymenu .root ul a:hover{background:#6c4921}
.student #dymenu .root ul a:hover{background:#a38722}
.recruit #dymenu .root ul a:hover{background:#738630}

#dymenu .root a:hover,#dymenu .root a:hover h3,#dymenu .root li:hover h3{background:#2b7783}
#dymenu .root a:hover ul,#dymenu .root li:hover ul{display:block;position:absolute;left:0;width:110px}
#dymenu .root ul li{position:relative;float:none}
/*TODO ADD Other Style*/
#dymenu .root ul li{border-top:1px solid #3e919e;background:url(/static/images/nav-home-touming.png)}
.education #dymenu .root ul li{border-top:1px solid #6d3889;background:url(/static/images/nav-edu-touming.png)}
.science #dymenu .root ul li{border-top:1px solid #968261;background:url(/static/images/nav-sci-touming.png)}
.student #dymenu .root ul li{border-top:1px solid #a38722;background:url(/static/images/nav-stu-touming.png)}
.recruit #dymenu .root ul li{border-top:1px solid #738630;background:url(/static/images/nav-recruit-touming.png)}

#dymenu .root ul a{display:block;width:100%;text-indent:10px;color:#fff;vertical-align:middle;padding:3px 0}
#dymenu .root h4 a{padding:0px\9}
#dymenu .root ul li h4{width:110px;text-indent:10px;font-size:12px}
#dymenu .root a:hover a ul,#dymenu .root li:hover li ul{display:none;position:static;background:none}
/*TODO ADD Other Style*/
#dymenu .root a:hover a:hover h4, #dymenu .root li:hover li:hover h4{background:#3e919e}
.education #dymenu .root a:hover a:hover h4, .education #dymenu .root li:hover li:hover h4{background:#6d3c4921}
.science #dymenu .root a:hover a:hover h4, .science #dymenu .root li:hover li:hover h4{background:#6c4921}
.student #dymenu .root a:hover a:hover h4, .student #dymenu .root li:hover li:hover h4{background:#a38722}
.recruit #dymenu .root a:hover a:hover h4, .recruit #dymenu .root li:hover li:hover h4{background:#738630}

#dymenu .root a:hover a:hover ul,#dymenu .root li:hover li:hover ul{display:block;position:absolute;left:110px;top:0;margin-top:-1px;_margin-top:0}
#dymenu .root ul ul li{border-left:1px solid #aaa}
/*quick box*/
#quickbox{position:absolute;right:0;top:0}
#quickbox .boxtop{width:130px;padding:10px 15px;background-color:#85acb3}
#quickbox .login-bt{display:block;float:left;color:#527579;font-weight:bold}
#quickbox .en-bt{display:block;float:right;background-color:#549091;text-align:center;width:55px}
#quickbox .login-bar{border-bottom:1px solid #9ebbbf;height:22px;margin-bottom:5px}
#quickbox .search_input{display:block;float:left;top:0;width:104px;height:15px}
#quickbox .search-submit{display:block;float:right;background:url(/static/images/search.png) no-repeat;width:17px;height:17px;border:none}
/*
#inner-notice-bt, #other-bt{font-weight:bold;width:80px;padding:5px 0;text-align:center;cursor:pointer;background-color:#85acb3;color:#527579}
#quicknotice .focus{background-color:#648589;color:#fff}
#innernotice-content, #other-content{background-color:#799297;width:160px}
#other-content{text-align:right}
#innernotice-content{display:none;text-align:left}
#innernotice-content li, #other-content li{padding:5px 5px;color:#eee}
#innernotice-content .first,#other-content .first{border-bottom:1px solid #aaa}
*/
/*foot*/
#footer{background-color:#e8e7e3;text-align:center;margin:20px 0;padding:10px 0;color:#666}
#footer .link{margin-bottom:20px}
#footer .link select{border:1px solid #ccc;width:150px;padding:2px 0}
#footer .copyright{border-top:1px solid #fff;padding-top:10px;margin:0 40px;margin-top:7px}
/*home body*/
#bodier .wrap{margin:50px 30px}
#school-news{width:310px;float:left}
#bodier .title-bar{position:relative;height:25px}
#bodier .title-bar .title{position:absolute;left:10px;font-size:14px;font-weight:bold;color:#555}
#bodier .title-bar .more{position:absolute;right:0;color:#888}
#bodier .title-bar .more span{color:red}
#bodier .title-bar .more:hover{text-decoration:none}
#bodier .news-content li{margin:5px 0;color:#8b8a8a;list-style:square;list-style-position:inside;white-space: nowrap;overflow:hidden}
#bodier .news-content li a{color:#8b8a8a}
#bodier .news-content li a:hover{color:#e66060}
#notice{width:300px;float:left;overflow:hidden}
#notice .title-bar{border-bottom:1px solid #ccc;height:20px}
#notice .title-bar .teacher-title{position:absolute;left:0;text-align:center;width:60px;color:#999;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;height:20px;cursor:pointer}
#notice .title-bar .stu-title{position:absolute;left:62px;text-align:center;width:60px;color:#999;border-right:1px solid #ccc;border-top:1px solid #ccc;height:20px;cursor:pointer}
#stu-notice{display:none}
#notice .title-bar .hoveron{color:#bf224b;font-weight:bold}
/*gallery*/
#gallery-news{width:270px;margin:0 35px;float:left;position:relative}
#gallery-news .title{font-size:14px;font-weight:bold;color:#555}
#gallery-news .picselect-wrap{position:absolute;right:10px;top:170px;z-index:100}
#gallery-news .picselect{float:left;margin-right:7px;background-color:#3e919e;width:12px;height:10px;cursor:pointer}
#gallery-news .picselect-wrap .hoveron{background-color:#fff}
#gallery-news ul{padding:4px;border:1px solid #ccc;width:260px;height:163px}
#gallery-news ul li,#gallery-news .picselect-wrap{display:none}
#gallery-news .pic-title{margin-top:5px}
#gallery-news .pic-title a:hover{color:#e66060}
/*left menu*/
#left-menu{float:left;width:220px}
#left-menu .title{text-align:center;color:#fff;padding:20px 0;font-size:18px}
#left-menu .title .subtitle{font-size:12px}
/*TODO ADD Other Style*/
#left-menu .title{background-color:#40a3a9}
.education #left-menu .title{background-color:#9e5dbb}
.about #left-menu .title{background-color:#4faac5}
.science #left-menu .title{background-color:#8f602a}
.student #left-menu .title{background-color:#e9c20d}
.recruit #left-menu .title{background-color:#99bc06}

#left-menu .menu-list{margin-left:60px;margin-top:20px}
#left-menu .menu-list li h3{font-size:16px;font-weight:bold;color:#777;height:45px;line-height:45px;cursor:pointer}
#left-menu .menu-list li ul{display:none}
#left-menu .menu-list li li{margin-left:20px;padding:3px 0;cursor:pointer;color:#777}
#left-menu .menu-list h3{border-bottom:1px solid #dfd1e8}
/*TODO ADD Other Style*/
.education #left-menu .hoveron, .education #left-menu .selected{background:url(/static/images/edu-arrow.png) no-repeat center right}
.education #left-menu .selected,.education #right-content .subtitle{color:#9e5dbb}
.about #left-menu .hoveron, .about #left-menu .selected{background:url(/static/images/about-arrow.png) no-repeat center right}
.about #left-menu .selected,.about #right-content .subtitle{color:#4faac5}
.student #left-menu .hoveron, .student #left-menu .selected{background:url(/static/images/stu-arrow.png) no-repeat center right}
.student #left-menu .selected, .student #right-content .subtitle{color:#e9c20d}
.recruit #left-menu .hoveron, .recruit #left-menu .selected{background:url(/static/images/recruit-arrow.png) no-repeat center right}
.recruit #left-menu .selected, .recruit #right-content .subtitle{color:#99bc06}
.science #left-menu .menu-list .hoveron, .science #left-menu .menu-list .selected{background:url(/static/images/science-arrow.png) no-repeat center right}
.science #left-menu .menu-list .selected,.science #right-content .subtitle{color:#8f602a}
.login #right-content .title{color:#40a3a9}

#right-content{float:right;width:790px}
#right-content .wrap{position:relative;padding:30px 80px 0 20px;margin:0}
#right-content .title{width:100%;font-weight:bold;font-size:14px;border-bottom:2px solid #bbb;color:#999}
#right-content .title .separator{font-size:16px}
#right-content .content{margin:20px 0 120px 0}
#right-content .foot{background:url(/static/images/foot-bar.png) no-repeat top right ;width:202px;height:8px;width:100%}

/*login page*/
.login #left-menu .stu-login{font-size:16px;margin-left:60px;margin-top:20px;font-weight:bold;color:#777;line-height:45px;border-bottom:1px solid #dfd1e8;cursor:pointer}
.login #right-content .content{padding:10px 40px;border:1px solid #bbb}
.login #right-content form{margin-right:20px;margin-top:20px;text-align:right;color:#777;font-weight:bold}
.login #right-content form .name,.login #right-content form .password{width:220px;height:20px;padding:2px 4px;background-color:#f4f4f4;border:1px solid #bbb}
.login #right-content .Validform_checktip{text-align:left;margin-left:60px;}
.login #right-content .formbuttons{text-align:center;margin-top:5px}
.login #right-content .formbuttons input{border:1px solid #bbb;padding:2px 20px;background-color:#c9d3d4;cursor:pointer;margin:0 10px;}